<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <title>和平里医院</title>
  <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
  <!-- Link Swiper's CSS -->

  <link rel="stylesheet" href="./css/swiper.min.css">
  <link rel="stylesheet" href="./css/css.css">
  <script src="js/modernizr.js"></script>
</head>

<body>
  <div class="top">
    <div class="top_left"><a href="javascript:;">返回</a></div>
    <div class="top_right">
      <span class="dang"><img src="./img/dang_03.png" alt=""> <span class="dian"></span></span>
      <span><img src="./img/topimg_04.png" alt=""></span>

    </div>
  </div>
  <div class="ban">
    <!-- Swiper -->
    <div class="swiper-container" id="indexBan1">
      <div class="swiper-wrapper">
        <div class="swiper-slide"><img src="./img/img_03.png" alt=""></div>
        <div class="swiper-slide"><img src="./img/img_03.png" alt=""></div>
        <div class="swiper-slide"><img src="./img/img_03.png" alt=""></div>
        <div class="swiper-slide"><img src="./img/img_03.png" alt=""></div>
      </div>
      <!-- Add Pagination -->
      <div class="swiper-pagination" id="swiper-pagination1"></div>
    </div>
  </div>
  <div class="name">
    <div class="name_tit">个人设置</div>
    <div class="name_input"><input type="text" placeholder="请输入昵称"></div>

  </div>
  <div class="name">
    <div class="name_tit">手签名设置</div>
    <div class="name_content">
      <div id="content">
        <div id="signatureparent">
          <div id="signature"></div>
        </div>
        <div id="tools"></div>
        <input type="button" value="取得手写值" id="btnTest">
        <!-- 手写的值为:<input type="text" name="" id="memo">
        <div>
          <p>显示所手写:</p>
          <div id="displayarea"></div>
        </div> -->
      </div>
    </div>
  </div>
  <div class="name">
    <div class="name_tit">是否默认电子签名</div>
    <div class="name_radio"><label for=""><input type="radio" name="radio" /> 是</label><label for=""><input name="radio"
          type="radio" /> 否</label></div>
  </div>
  <div class="del_btn">
    <div><span>保存</span></div>
    <div><span>清除</span></div>
    <div><span>返回</span></div>
  </div>
  <div id="scrollgrabber" style="display: none"></div>

  <div class="my_tab">
    <ul>
      <li class="">
        <img src="./img/nav1.png" alt="">
        <span>首页</span>
      </li>
      <li>
        <img src="./img/nav2.png" alt="">
        <span>代办</span>
        </li>
      <li>
        <img src="./img/nav3.png" alt="">
        <span>通知</span>
        </li>
      <li class="act">
        <img src="./img/nav4_act.png" alt="">
        <span>我的</span>
        </li>
    </ul>
  </div>
  <script src="./js/jquery-1.11.3.min.js"></script>
  <script src="./js/swiper.min.js"></script>
  <script src="./js/myjs.js"></script>

  <!-- Initialize Swiper -->
  <script>
    (function ($) {
      var topics = {};
      $.publish = function (topic, args) {
        if (topics[topic]) {
          var currentTopic = topics[topic],
            args = args || {};

          for (var i = 0, j = currentTopic.length; i < j; i++) {
            currentTopic[i].call($, args);
          }
        }
      };
      $.subscribe = function (topic, callback) {
        if (!topics[topic]) {
          topics[topic] = [];
        }
        topics[topic].push(callback);
        return {
          "topic": topic,
          "callback": callback
        };
      };
      $.unsubscribe = function (handle) {
        var topic = handle.topic;
        if (topics[topic]) {
          var currentTopic = topics[topic];

          for (var i = 0, j = currentTopic.length; i < j; i++) {
            if (currentTopic[i] === handle.callback) {
              currentTopic.splice(i, 1);
            }
          }
        }
      };
    })(jQuery);

  </script>
  <script src="js/jSignature.min.noconflict.js"></script>
  <script>
    (function ($) {

      $(document).ready(function () {

        // This is the part where jSignature is initialized.
        var $sigdiv = $("#signature").jSignature({ 'UndoButton': true })

          // All the code below is just code driving the demo. 
          , $tools = $('#tools')
          , $extraarea = $('#displayarea')
          , pubsubprefix = 'jSignature.demo.'

        // 点击按钮显示值
        $("#btnTest").bind('click', function (e) {
          // 取得所画的模板
          var data = $sigdiv.jSignature('getData', 'image')
          // 将取得值设置到文本中
          $("#memo").val(data.join(','))
          // 将取得的值设置到显示区域
          $.publish(pubsubprefix + data[0], data);
          var i = new Image()
          i.src = 'data:' + data[0] + ',' + data[1]
          $(i).appendTo($extraarea)
        }).appendTo($tools)

        $('<input type="button" value="重新签">').bind('click', function (e) {
          $sigdiv.jSignature('reset')
        }).appendTo($tools)

        if (Modernizr.touch) {
          $('#scrollgrabber').height($('#content').height())
        }

      })

    })(jQuery)
  </script>
</body>

</html>